<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
    <title>Document</title>
    <script>
//rem布局
(function(designWidth, maxWidth) {
    var doc = document,
    win = window,
    docEl = doc.documentElement,
    remStyle = document.createElement("style"),
    tid;

    function refreshRem() {
        var width = docEl.getBoundingClientRect().width;
        maxWidth = maxWidth || 540;
        width>maxWidth && (width=maxWidth);
        var rem = width * 100 / designWidth;
        remStyle.innerHTML = 'html{font-size:' + rem + 'px;}';
    }

    if (docEl.firstElementChild) {
        docEl.firstElementChild.appendChild(remStyle);
    } else {
        var wrap = doc.createElement("div");
        wrap.appendChild(remStyle);
        doc.write(wrap.innerHTML);
        wrap = null;
    }
    //要等 wiewport 设置好后才能执行 refreshRem，不然 refreshRem 会执行2次；
    refreshRem();

    win.addEventListener("resize", function() {
        clearTimeout(tid); //防止执行两次
        tid = setTimeout(refreshRem, 300);
    }, false);

    win.addEventListener("pageshow", function(e) {
        if (e.persisted) { // 浏览器后退的时候重新计算
            clearTimeout(tid);
            tid = setTimeout(refreshRem, 300);
        }
    }, false);

    if (doc.readyState === "complete") {
        doc.body.style.fontSize = "16px";
    } else {
        doc.addEventListener("DOMContentLoaded", function(e) {
            doc.body.style.fontSize = "16px";
        }, false);
    }
})(750, 750);
    </script>
    <script>
window.closeit = function(){
  console.log('closeit')
  android.onCancel()
}
window.confirmit = function(){
  console.log('confirmit')
  android.onCancel()
  android.toWeb('https://hy.yixueqm.com/zhiming/index.php/home-lnyc2020-index')
  
}
    </script>
    <script>
window.onload = function(){
  document.querySelector('img.abody').onclick = window.confirmit
  document.querySelector('img.close').onclick = window.closeit
  document.querySelector('.btn').onclick = window.confirmit
}
    </script>
    <style>* {
  line-height: 1em;
}
body {
  margin: 0;
}
.fix-wrap {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0,0,0,0.5);
}
.fix-wrap .content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fix-wrap .content img.abody {
  display: block;
  width: 6.86rem;
  height: 8.96rem;
}
.fix-wrap .content img.close {
  display: block;
  width: 0.64rem;
  height: 0.64rem;
  position: absolute;
  top: 0;
  right: 0;
}
.fix-wrap .content .btn {
  width: 5.53rem;
  height: 0.86rem;
  background: url("./but.png") no-repeat center center;
  background-size: 100% 100%;
  animation: scales 1.5s infinite;
  margin-top: -0.5rem;
}
@-moz-keyframes scales {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes scales {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@-o-keyframes scales {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes scales {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

    </style>
  </head>
  <body>
    <div class="fix-wrap">
      <div class="content"><img class="abody" src="./tanchaung.png"/><img class="close" src="./sshanchu.png"/>
        <div class="btn"></div>
      </div>
    </div>
  </body>
</html>